<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<script type="text/javascript">
function createRandomItemStyle() {    //随机颜色
    return {
        normal: {
            color: 'rgb(' + [
                Math.round(Math.random() * 160),
                Math.round(Math.random() * 160),
                Math.round(Math.random() * 160)
            ].join(',') + ')'
        }
    };
}
			require.config({
				paths:{
					echarts:'./js'
				}
			});
			require(
				 [	
                	'echarts',
                	'echarts/chart/line',
		            'echarts/chart/bar',
		            'echarts/chart/scatter',
		            'echarts/chart/k',
		            'echarts/chart/pie',
		            'echarts/chart/radar',
		            'echarts/chart/force',
		            'echarts/chart/chord',
		            'echarts/chart/gauge',
		            'echarts/chart/funnel',
		            'echarts/chart/eventRiver',
		            'echarts/chart/venn',
		            'echarts/chart/treemap',
		            'echarts/chart/tree',
		            'echarts/chart/wordCloud',
		            'echarts/chart/heatmap',
		            'echarts/chart/map'
                ],
             	function (ec){
             		 var myChart = ec.init(document.getElementById('main'));
             		var option = {
            "id": "137",
            "title": {},
            "tooltip": {
              "show": true
            },
            "series": [
              {
                "type": "wordCloud",
                "size": [
                  "80%",
                  "80%"
                ],
                "textRotation": [
                  0,
                  45,
                  90,
                  -45
                ],
                "textPadding": 0,
                "autoSize": {
                  "enable": true,
                  "minSize": 14
                },
                "data": []
              }
            ],
            "noDataLoadingOption": {
              "text": "暂无数据",
              "effect": "bubble",
              "effectOption": {
                "backgroundColor": "#fff",
                "effect": {
                  "n": 0
                }
              },
              "textStyle": {
                "fontSize": 20
              }
            }
          }
                    
             			
             		
             		
             	myChart.setOption(option);	
             		
             	}
			);
		</script>
		<div id="main" style="height: 800px; border: 1px solid #CCCCCC; padding: 10px;"></div>
	</body>
</html>
